@charset "utf-8";
/* CSS Document */
html,body {margin:0;padding:0;height:auto !important; height:100%;min-height:100%;font-family:arial,sans-serif;font-size:14px;color:#d8ecff; background:transparent; }
body{background:#232323 url(layout/bg_header.jpg) repeat-x top;}

h1, h2, h3, h4, h5{color:#585858;font-weight:bold;}
h1 {font-size:36px; color:#262626; margin:0; padding:0;}
h2 {font-size:28px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;margin:0; padding:0;}

form, input,ul, li,p {margin:0; padding:0;}
input {border:none;background:none;}
ul, li{list-style:none;}

p{font-size:12px;padding:5px 0;color:#373737;}

a{text-decoration:none; color:#268ab9;}
a:hover{text-decoration:underline;}

#container {margin:0 auto;width:100%; background:transparent url(layout/container-bg.jpg) repeat-x bottom;height:auto !important; height:100%;min-height:100%; }
.content_all{ width:963px; margin:0 auto; height:auto;  padding-left:37px;}

#header{float:left;height:auto; width:100%; padding-top:7px; background:url(layout/bg-header-content.jpg) no-repeat top center;}
#header .content_all {padding-top:14px; height:110px;}
	#header .header-left,
	#header .header-right{height:auto; width:auto;height:auto; float:left; background:transparent;}
	#header .header-left{ padding-top:10px;}
	#header .header-right { float:right;}
		.header-right span{display:block;color:#5e6061; padding-bottom:6px;}
		.header-right .welcome{color:#b9dce4; font-size:12px; padding-bottom:3px;}
		.header-right .links a{ color:#72d8de; font-size:11px; padding-top:1px;}
		.header-right .links a:hover{color:#1af2ff; text-decoration:none;}
		.header-right .links a.my-account{background:url(layout/my-account.png) no-repeat top left; padding-left:20px;}
		.header-right .links a.new-message{background:url(layout/new-message.png) no-repeat top left; padding-left:20px;color:#91dee3; font-weight:bold;}
		.header-right .links a.new-message:hover{color:#96f9ff;}
		.header-right .time-ip{color:#417984; font-size:10px; padding-top:5px;}

#menu_row{float:left;height:49px; width:100%; background:url(layout/menu-bg.gif) repeat-x top; font-family:Arial, Helvetica, sans-serif;position:relative;z-index:2; }
#menu_row .content_all {height:49px; background:url(layout/menu-bg-content.jpg) no-repeat top center; }
#menu_row .search{ float:right; width:157px; height:21px;background:url(layout/search-bg.gif) no-repeat center left; padding:13px 0 14px 20px;}
	.search .search-text{width:118px; height:15px; color:#828383; font-size:11px; padding-right:9px; }
	.search .search-submit{width:23px; height:20px; color:#8fcedc; font-size:11px; font-weight:bold;background:url(layout/search-submit.jpg) no-repeat bottom left; }
	.search .search-submit:hover{color:#55e0ff;}

#content { float:left;height:auto; width:100%; background: transparent url(layout/content-bg.jpg) repeat-x top; clear:left;}
#content .content_all{padding:15px 0 15px 37px;height:auto; }
#content .content_all .content-outer{ background:#f3f3f3 url(layout/content-bottom-bg.jpg) no-repeat bottom center; border:1px solid #dfdfdf; float:left; margin:15px 0px;}
#content .content_all .content-inner{ width:920px; background:url(layout/content-top-bg.jpg) no-repeat top center; padding:15px 20px; float:left;border:1px solid #aaa;}
#content .content_all .content-inner .title_border{ width:100%; border-bottom:1px solid #dfdfdf; padding-bottom:5px; float:left; }


#content .content-outer-small{ background:#f3f3f3 url(layout/content-bottom-small-bg.jpg) no-repeat bottom center; border:1px solid #dfdfdf; float:left; margin:15px 0px;}
#content .content-inner-small{ width:650px; background:url(layout/content-top-small-bg.jpg) no-repeat top center; padding:15px 20px; float:left;border:1px solid #aaa; }
#content .content-inner-small .title_border-small{ width:100%; border-bottom:1px solid #dfdfdf; padding-bottom:5px; float:left; }

/*footer*/
#footer {position:relative;width:100%; bottom:0;background:url(layout/footer-bg.jpg) repeat-x top;height:52px;}
#footer .content_all {height:52px;width:960px; font-size:11px; color:#505050;}
#footer .content_all .footer_left{width:auto; float:left;font-family:Arial, Helvetica, sans-serif;   padding-top:18px; text-align:center;}
	#footer .footer_right{float:right;width:auto; padding-top:18px;}
	#footer .footer_right ul{float:left;height:15px; padding:0; margin:0;}
	#footer .footer_right ul li {display:inline; background:url(layout/footer-selector.jpg) no-repeat right;padding:0; margin:0;}
		#footer .footer_right ul li.last{ background:none;}
	#footer a{  color:#5c5b5b;height:15px;padding:0px 10px 0 5px;}
	#footer a:hover{color:#8e8d8d;text-decoration:none;}
	
/************ Shortcut Buttons ************/

.shortcut-button {
                border: 1px solid #ccc;
                background: #f7f7f7 url('layout/shortcut-button-bg.gif') top left no-repeat;
                display: block;
                width: 120px;
                margin: 0 0 20px 0;
                }

.shortcut-button span {
                border: 1px solid #fff;
                display:block;
                padding: 15px 10px 15px 10px;
                text-align: center;
                color: #555;
                font-size: 13px;
                line-height: 1.3em;
                }

.shortcut-button span img {
                margin-bottom: 10px;
                }

.shortcut-button:hover {
                background: #fff;
				
                }
				
.shortcut-button span:hover {
				color: #57a000; 
                }

ul.shortcut-buttons-set li {
                float: left;
                margin: 0 15px 0 0;
				padding: 0 !important;
				background: 0;
                }
                
/*************** Forms ***************/

form label {
                display: block;
                padding: 0 0 10px;
                font-weight: bold;
                }
             
form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
form p small {
                font-size: 0.75em;
                color: #777;
                }
				
				
form input.text-input,
form select,
form textarea,
form .wysiwyg {
                padding: 6px;
                font-size: 13px;
                background: #fff url('layout/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }
            
form .small-input {
                width: 25% !important;
                }
                
form .medium-input {
                width: 50% !important;
                }
                
form .large-input {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }
                
form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }
                
form select {
                padding: 4px;
                background: #fff;
                }
				
form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }


/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff !important;
				}

/********************************      Login Page      ********************************/

body#login {
                color: #fff;
                background: #222 url('layout/bg-login.gif');
				}
				
#login-wrapper {
                background: url('layout/bg-login-top.png') top left repeat-x;
				}

#login-wrapper #login-top {
				width: 100%;
				padding: 140px 0 50px 0;
				text-align: center;
				}
				
#login-wrapper #login-content {
				text-align: left;
				width: 300px;
				margin: 0 auto;
				}
				
#login-wrapper #login-content label {
				color: #fff;
				font-weight: normal;
				font-size: 14px;
				font-family: Helvetica, Arial, sans-serif;
				float: left;
				width: 70px;
				padding: 0;
				}
				
#login-wrapper #login-content input {
				width: 200px;
				float: right;
				margin: 0 0 20px 0;
				border: 0;
				background: #fff;
				}
				
#login-wrapper #login-content p {
				padding: 0;
				}
				
#login-wrapper #login-content p#remember-password {
				float: right;
				}
				
#login-wrapper #login-content p#remember-password input {
				float: none;
				width: auto;
				border: 0;
				background: none;
				margin: 0 10px 0 0;
				}
				
#login-wrapper #login-content p .button {
				width: auto;
				margin-top: 20px;
				}
				
/************ Button ************/
.button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('layout/bg-button-green.gif') top left repeat-x !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 11px !important;
                cursor: pointer;
                }
                
.button:hover {
                text-decoration: underline;
                }
                
.button:active {
                padding: 5px 7px 3px 7px !important;
                }
				
a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('layout/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('layout/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('layout/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('layout/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }


/********************************      General Classes      ********************************/

.clear {
                clear: both;
                }
				
.align-left {
                float: left;
                }
				
.align-right {
                float: right;
                }
             